/*
 * @Author: luojian jian.luo@macrowing.com
 * @Date: 2024-05-15 15:57:51
 * @LastEditors: luojian jian.luo@macrowing.com
 * @LastEditTime: 2024-05-16 15:06:30
 * @FilePath: \JiangHeBiWeb\src\components\jh\middleCount\line\style.ts
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import styled from 'styled-components';


export const Linestyled = styled.div`

.lineBox{
    position: relative;
    height:3px;
 width:100%;
    .line{
        border:1px dashed #137EFF;
        @media screen and (width: 2560px) {
          border:2px dashed #137EFF;;
        }
    }
    .lineArrow{
         position: absolute;
        animation: moveArrow 5s linear infinite; 
        right: -5px;
        top: -4px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 10px solid #137EFF;
        @media screen and (width: 2560px) {
          right: -10px;
          top: -8px;
          border-top: 10px solid transparent;
          border-bottom: 10px solid transparent;
          border-left: 10px solid #137EFF;
        }
    }    
    @keyframes moveArrow {
        0% {
          left: 0;
        }
        100% {
          left: 90%; /* 箭头移动的总距离，与容器宽度相匹配 */
        }
}
`